<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection" />
  <title>index</title>
  <link rel="stylesheet" href="css/base.css" />
  <link rel="stylesheet" href="css/swiper.min.css" />
  <link rel="stylesheet" href="css/animate.min.css" />
  <link rel="stylesheet" href="css/content.css" />
  <link rel="stylesheet" href="css/media.css" />
  <!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body>
  <!-- header -->
  <div class="header clearfix">
    <div class="menuBtn"></div>
    <div class="logo fl"> <a href="index.html"><img src="images/logo.png" /></a></div>
    <div class="nav fr">
      <ul class="clearfix">
        <li><a href="index.html">首页</a></li>
        <li><a href="about.html">关于善待</a></li>
        <li><a href="hall.html">善待乐活馆</a></li>
        <li><a href="machine.html">善待灵机</a></li>
        <li><a href="plan.html">品牌优选计划</a></li>
        <li><a href="activity.html">公益活动</a></li>
      </ul>
    </div>
  </div>
  <!-- header-end -->
  <!-- banner -->
  <div class="banner wow fadeIn">
    <!-- <div class="banner-con">
            <h1 data-swiper-parallax="-300">善待</h1>
            <h4>让生活更安心<small>Be kind to others and be kind to everything</small></h4>
          </div> -->
    <!-- Swiper -->
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide" style="background-image: url(images/banner.jpg)">
        </div>
        <div class="swiper-slide" style="background-image: url(images/banner.jpg)">
        </div>
        <div class="swiper-slide" style="background-image: url(images/banner.jpg)">
        </div>
      </div>
      <!-- 鼠标 -->
      <div class="icon-shubiao"></div>
      <!-- 底部进度条 -->
      <div class="bt-pagination">
        <!-- Add Pagination -->
        <div class="lb-num"><span class="jd-num">01</span></div>
        <div class="swiper-pagination swiper-pagination-white"></div>
        <div class="lb-num"><span class="cur-num">1</span>/<span class="total-num">1</span></div>
      </div>
    </div>
  </div>
  <!--banner-end-->

  <!-- 主体 -->
  <section class="sec-wrap index-sec1" style="background-image: url(images/bg01.jpg)">
    <div class="rt-img" style="background-image: url(images/index-img1.jpg)"></div>

    <div class="lt-con">
      <div class="mem-wrap wow zoomIn">
        <h2 class="m-tit">善待乐活馆会员</h2>
        <article>
          Luxury Card 黑金卡持卡人可尊享来自 Luxury Card 礼宾中心最高规
          格的私人礼宾服务，内容包括但不限于: 高端商旅计划、顶级餐厅预订、
          专业医疗顾问、优越出行服务、VIP 购物安排、定制养生度假、精彩
          赛事体验。
        </article>
        <a href="" class="more-btn">MORE</a>

      </div>

    </div>

  </section>
  <section class="sec-wrap index-sec2">
    <div class="inner-sec" style="background-image: url(images/index-img2.jpg)">
      <div class="shadow"></div>
      <div class="in-con">
        <h4 class="wow fadeInUp">善待乐活馆</h4>
        <p class="wow fadeInUp" data-wow-delay="0.2s">健康理念倡导者，做消费者的贴心老友</p>
        <a href="" class="wow fadeInUp more-btn more-btn-white" data-wow-delay="0.4s">MORE</a>
      </div>

    </div>
    <div class="inner-sec" style="background-image: url(images/index-img3.jpg)">
      <div class="shadow light-shadow"></div>
      <div class="in-con">
        <h4 class="wow fadeInUp">善待灵机</h4>
        <p class="wow fadeInUp" data-wow-delay="0.2s">健康理念倡导者，做消费者的贴心老友</p>
        <a href="" class="wow fadeInUp more-btn more-btn-white" data-wow-delay="0.4s">MORE</a>
      </div>

    </div>

  </section>
  <section class="sec-wrap index-sec3" style="background-image: url(images/bg02.jpg)">
    <div class="in-con">
      <h4 class="wow fadeInUp">授人以鱼不如授人以渔</h4>
      <p class="wow fadeInUp" data-wow-delay="0.2s">善待集团坚持以真实市场需求为导向，坚守品质，向市场推出健康、有机、安心的善待
        系列产品。以完整产业链条切实拉动贫困地区经济可持续增长。</p>
      <a href="" class="wow fadeInUp more-btn more-btn-white" data-wow-delay="0.4s">MORE</a>
    </div>
  </section>

  <section class="sec-wrap index-sec4 clearfix" style="background-image: url(images/bg03.jpg)">
    <div class="index-sec4-wrap">
      <div class="china-map wow fadeIn">
        <img src="./images/map.png" />
      </div>
      <div class="rt-yxjh">
        <h2 class="m-tit wow fadeInUp">品牌优选计划</h2>
        <article class="yxjh-txt wow fadeInUp" data-wow-delay="0.2s">致力于中国智能消费终端第一品牌</article>

        <div class="imp-txt wow fadeInUp" data-wow-delay="0.4s">
          <p>全国点位<span class="big-num">20万</span>台</p>
          <p>日覆盖人群过亿</p>
        </div>
        <ul class="jh-icons clearfix wow fadeInUp" data-wow-delay="0.6s">
          <li>
            <div class="icon-img"> <img src="./images/icon_jiaotong.png" /></div>
            <span>交通枢纽</span>
          </li>
          <li>
            <div class="icon-img"> <img src="./images/icon_shangchang.png" /></div>
            <span>商场</span>
          </li>
          <li>
            <div class="icon-img"> <img src="./images/icon_chanyeyuan.png" /></div>
            <span>产业园</span>
          </li>
          <li>
            <div class="icon-img"> <img src="./images/icon_jingqu.png" /></div>
            <span>景区</span>
          </li>
          <li>
            <div class="icon-img"> <img src="./images/icon_fangtai.png" /></div>
            <span>办公区</span>
          </li>
          <li>
            <div class="icon-img"> <img src="./images/icon_xiaoyuan.png" /></div>
            <span>校园</span>
          </li>
        </ul>
        <a href="" class="more-btn wow fadeInUp" data-wow-delay="0.8s">MORE</a>
      </div>

    </div>
  </section>

  <section class="index-cooperate" style="background-image: url(images/bg04.jpg)">
    <div class="index-partner wow fadeInRight">
      <div class="tabs">
        <div class="tab active">战略合作 </div>
        <div class="tab">媒体合作</div>
      </div>
    
      <div class="panels">
        <div class="panel active">
          <div class="swiper-container index-cus-swiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo1.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo6.jpg" /></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo2.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo7.jpg" /></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo3.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo8.jpg" /></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo4.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo9.jpg" /></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo5.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo10.jpg" /></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo11.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo12.jpg" /></div>
                </div>
              </div>

            </div>
          </div>
        </div>
        <div class="panel">
          <div class="swiper-container index-media-swiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo11.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo6.jpg" /></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo1.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo7.jpg" /></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo3.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo8.jpg" /></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo5.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo9.jpg" /></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo5.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo10.jpg" /></div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="logos">
                  <div class="logo-item"><img src="./images/logo2.jpg" /></div>
                  <div class="logo-item"><img src="./images/logo12.jpg" /></div>
                </div>
              </div>

            </div>
          </div>
        </div>

      </div>


    </div>
    <div class="index-news wow fadeInLeft">
      <div class="news-item">
        <div class="n-time">
          <span class="date">5-25</span>
          <span class="year">2019</span>
        </div>
        <div class="n-con">

          <h4 class="n-tit"> <a href="">出海创投周报 | 小米Q1国际收入同比增长34.7%；头
              条或在印度挑战Spotify和Apple Music </a></h4>

          <article class="n-txt">出海创投周报是36氪出海的固定栏目，为出海创投圈读者梳理一周...</article>
          <a href="" class="see-btn">查看详情<i class="iconfont icon-yousanjiao"></i></a>


        </div>

      </div>
      <div class="news-item">
        <div class="n-time">
          <span class="date">5-25</span>
          <span class="year">2019</span>
        </div>
        <div class="n-con">

          <h4 class="n-tit"> <a href="">出海创投周报 | 小米Q1国际收入同比增长34.7%；头
              条或在印度挑战Spotify和Apple Music </a></h4>

          <article class="n-txt">出海创投周报是36氪出海的固定栏目，为出海创投圈读者梳理一周...</article>
          <a href="" class="see-btn">查看详情<i class="iconfont icon-yousanjiao"></i></a>


        </div>

      </div>
      <div class="news-item">
        <div class="n-time">
          <span class="date">5-25</span>
          <span class="year">2019</span>
        </div>
        <div class="n-con">

          <h4 class="n-tit"> <a href="">出海创投周报 | 小米Q1国际收入同比增长34.7%；头
              条或在印度挑战Spotify和Apple Music </a></h4>

          <article class="n-txt">出海创投周报是36氪出海的固定栏目，为出海创投圈读者梳理一周...</article>
          <a href="" class="see-btn">查看详情<i class="iconfont icon-yousanjiao"></i></a>


        </div>

      </div>


    </div>

  </section>

  <!-- 主体-end -->
  <!-- footer -->

  <footer class="pg-footer wow fadeIn">
    <div class="ft-fl">
      <ul class="ft-nav">
        <li><a href="index.html">首页</a></li>
        <li><a href="">善待乐活馆会员</a></li>
        <li><a href="">广告合作</a></li>
        <li><a href="about.html">善待集团</a></li>
        <li><a href="activity.html">公益活动</a></li>
      </ul>
      <div class="ft-info">
        <p class="tel">电话：400-600-6900</p>
        <p class="address">地址：北京市朝阳区大望路36号</p>
      </div>
    </div>
    <div class="ft-fr">
      <ul class="wx-list clearfix">
        <li>
          <img src="./images/wechat.jpg" />
          <span class="wx-name">官网微信</span>
        </li>
        <li>
          <img src="./images/wechat3.jpg" />
          <span class="wx-name">官网微博</span>
        </li>
        <li>
          <img src="./images/wechat2.jpg" />
          <span class="wx-name">有赞商城</span>
        </li>
      </ul>
      <div class="copyRight"><span>©2011 善待集团. 版权所有. 京ICP备11027678号-1</span> <span>技术支持：<a
            href="www.bjqianchen.com">千晨科技</a></span></div>
    </div>

  </footer>
  <!--footer-end-->
  <script src="js/jquery.min.js"></script>
  <script src="js/swiper.min.js"></script>
  <script src="js/wow.min.js"></script>
  <script src="js/common.js"></script>
  <script>
    $(".header .nav ul>li").eq(0).addClass("active");
  </script>
</body>

</html>